<extend name="Public:base" />


<block name="main">

<br>

<div id="focus" class="royalSlider heroSlider rsMinW">

	<for end="3">
	<div class="rsContent">
		<img class="rsImg" src="__UPLOAD__/da/{$i+1}/i.jpg" />

		<div class="container pr">
			<div class="infoBlock infoBlock-lb rsABlock" data-fade-effect=""
			data-move-offset="10" data-move-effect="bottom" data-speed="200">
				<h3>菲菲做蛋糕</h3>
				<h4>自已动手做，快乐又健康</h4>
				<button class="btn btn-sm btn-danger"
				onclick="location.href='{$v.url}'">查看案例</button>
			</div>
		</div>
	</div>
	</for>

</div>
<link rel="stylesheet" href="__PUBLIC__/royalslider/a.css">
<script src="__PUBLIC__/royalslider/a.js"></script>
<script>
	$('#focus').royalSlider({
		loop: true,//循环
		slidesSpacing: 0,
		// loopRewind: true,
		keyboardNavEnabled: true,
		controlsInside: false,
		imageScaleMode: 'fill',
		arrowsNav: true,
		arrowsNavAutoHide: false,
		autoScaleSlider: false,
		autoScaleSliderWidth: 720,
		autoScaleSliderHeight: 430,
		controlNavigation: 'bullets',
		thumbsFitInViewport: false,
		navigateByClick: false,
		startSlideId: 0,
		randomizeSlides: false,//随机
		autoPlay: true,
		transitionType:'move',
		globalCaption: true,
		deeplinking: {
			enabled: true,
			change: false
		},
		imgWidth: 720,
		imgHeight: 430
	});
</script>
<!--focus-->

<br>

<div class="row">
	<div class="col-md-4">
		<div class="k">
123
		</div>
	</div>
	<div class="col-md-4">
		<div class="k">
123
		</div>
	</div>
	<div class="col-md-4">
		<div class="k">
123
		</div>
	</div>
</div>
</block>



<block name="foot">

</block>